<template>
  <div class='row'>
<el-row :gutter="20" >
  <el-col :span="8" class="column">
    <el-card :body-style="{ padding: '0px' }">
      <img src="~assets/imgs/default_cover.jpg" class="image">
      <div style="padding: 10px;">
        <span>某地某大佬</span>
      </div>
    </el-card>
  </el-col>
    <el-col :span="8" class="column">
    <el-card :body-style="{ padding: '0px' }">
      <img src="~assets/imgs/default_cover.jpg" class="image">
      <div style="padding: 10px;">
        <span>某地某大佬</span>
      </div>
    </el-card>
  </el-col>
    <el-col :span="8" class="column">
    <el-card :body-style="{ padding: '0px' }">
      <img src="~assets/imgs/default_cover.jpg" class="image">
      <div style="padding: 10px;">
        <span>某地某大佬</span>
      </div>
    </el-card>
  </el-col>
    <el-col :span="8" class="column">
    <el-card :body-style="{ padding: '0px' }">
      <img src="~assets/imgs/default_cover.jpg" class="image">
      <div style="padding: 10px;">
        <span>某地某大佬</span>
      </div>
    </el-card>
  </el-col>
  </el-col>
    <el-col :span="8" class="column">
    <el-card :body-style="{ padding: '0px' }">
      <img src="~assets/imgs/default_cover.jpg" class="image">
      <div style="padding: 10px;">
        <span>某地某大佬</span>
      </div>
    </el-card>
  </el-col>
   </el-col>
    <el-col :span="8" class="column">
    <el-card :body-style="{ padding: '0px' }">
      <img src="~assets/imgs/default_cover.jpg" class="image">
      <div style="padding: 10px;">
        <span>某地某大佬</span>
      </div>
    </el-card>
  </el-col>
</el-row>
  </div>
</template>

<script type="text/ecmascript-6">
    export default{

    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
.row
 width:80%
 margin:1rem 0 10rem 13rem
 .column 
   height:10rem
   width:16rem
   margin-bottom:6rem
   margin-right:1rem
 .image
   height:10rem
   width:16rem
</style>